.CommentCom{
  height: 100%;
  display: flex;
  border: none;
}
#CommentCom{
  .dialog-footer button:first-child {
    margin-right: 10px;
  }


  .commentCom-el-popover-input{
    width: 100%;
    height: 30vh;
    line-height: 2vh;
    border: none;
    vertical-align: top;
    resize: none;
    font-size: 18px;
    color:#60656f;
    padding: 5px;
    border: 1px solid #66b1ff;
  }
  .commentCom-el-popover-input:focus{
    border: 1px solid #66b1ff;
    outline:none;
  }
}
.person-main-Ccomment {
  display: flex;
  width: 100%;
  min-height: 60px;
  //padding: 10px 0;
  overflow: hidden;
  flex-shrink: 0;
  padding-bottom: 10px;
  //padding-bottom: 50px;

  >img {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    overflow: hidden;
    margin-top: 10px;
  }
  >img:hover{
    cursor:pointer;
  }

  >div {
    position: relative;
    width: 87%;
    min-height: 140px;
    //border-top: 1px solid gainsboro;
    //border-bottom: 1px solid gainsboro;
    padding: 2px 0;

    >p:nth-child(1):hover,
    >p:nth-child(3):hover > span{
      cursor: pointer;
    }
    >p:nth-child(1){
      height: 25px;
      color: #25296e;
      line-height: 25px;
      margin: 5px 0;
      margin-left: 30px;
    }
    >p:nth-child(2){
      min-height: 45px;
      color: #515767;
      line-height: 40px;
      margin: 5px 0;
      margin-left: 30px;
    }
    >p:nth-child(3){
      display: flex;
      align-items: center;
      height: 40px;
      margin: 5px 0 5px 30px;
    }
    >p:nth-child(3) > span{
      margin: 0 20px 0  0;
      color:#8a919f;
      cursor:pointer;
    }
    >p:nth-child(3) > span .el-icon{
      font-size: 18px;
    }
    >p:nth-child(4){
      min-height: 20px;
      margin: 5px 0;
    }
    >span>svg {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 20px;
      height: 20px;
      margin-bottom: 10px;
    }
  }
  >svg {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin-bottom: 25px;
    margin-left: 15px;
  }
}
.children-item{
  width: 100%;
  min-height: 0px !important;
  background: #f9fafb;
  border-radius: 3px;
}
.commentCom-el-popover-input{
  width: 100%;
  height: 100%;
  line-height: 2vh;
  border: none;
  vertical-align: top;
  resize: none;
  font-size: 18px;
  color:#60656f;
  padding: 5px;
}
.commentCom-el-popover-input:focus{
  border: none;
  outline:none;
}
.comment-message-delIcon{
  cursor:pointer;
}
